@import "../mixins";

.icon-task, .icon-work, .icon-consult, .icon-report, .icon-fee, .icon-alert {
    //@import '//at.alicdn.com/t/font_rls39p0po74iy66r.css';
    @import '//at.alicdn.com/t/font_17mk1k1zu5t2csor.css';
    font-family: "icon-d" !important;
    &::before {
        font-size: .29rem !important;
        position: absolute !important;
        bottom: .26rem;
        right: .12rem;
        color: #fff;
    }
    &::after {
        content: '' !important;
    }
}

.icon-con {
    margin: 0.21rem 0.11rem 0;
}

.item-row {
    display: -webkit-box;
    font-size: 1px;
    text-align: center;

    .item {
        width: 25%;
        margin-bottom: 0.14rem;
        cursor: pointer;

        p {
            margin: 0.04rem 0 0;
            color: #000;
            font-size: 0.14rem;
        }
    }
}

.circle {
    line-height: 0;

    a {
        position: relative;
        display: inline-block;
        width: 0.52rem;
        height: 0.52rem;
        -webkit-border-radius: 999rem;
        font-size: 12px;

        &::after {
            content: '\e600';
            display: block;
            position: absolute;
            font-size: 0.52rem;
            line-height: 0.52rem;
            width: 0.52rem;
            color: #fff;
            text-align: center;
            font-family: 'liefeng' !important;
        }
        &.white-bg {
            &::after {
                -webkit-border-radius: 999rem;
                color: #2cc57b;
                font-size: 0.48rem;
                width: 0.48rem;
                line-height: 0.48rem;
                border: 0.02rem solid #2cc57b;
                content: '\e61c';
            }
        }
        &.work_shift {
            @include iconAfter('\e600');
        }
        &.security {
            @include iconAfter('\e60f');
        }
        &.rush {
            @include iconAfter('\e610');
        }
        &.absence_apply {
            @include iconAfter('\e611');
        }
        &.food_ordering {
            @include iconAfter('\e612');
        }
        &.report {
            @include iconAfter('\e613');
        }
        &.daily_work {
            @include iconAfter('\e619');
        }
        &.decoration_detail {
            @include iconAfter('\e618');
        }
        &.sign_in_night_shift {
            @include iconAfter('\e617');
        }
        &.task_processing {
            @include iconAfter('\e616');
        }
        &.sign_for {
            @include iconAfter('\e615');
        }
        &.attendance {
            @include iconAfter('\e614');
        }
        &.meter_checking {
            @include iconAfter('\e61a');
        }
        &.sign_in_outside {
            @include iconAfter('\e61b');
        }

        &.zen {
            height: .5rem;
            background: url(http://www.liefengtech.com:82/zentao/theme/default/images/main/logo2.png) no-repeat;
            background-size: cover;

            &::after {
                content: none !important;
            }
        }
    }

}


